.nav {
    height: 100px;
    width:1000px;
    background: #344c5f;
    margin:0 auto;
    border-radius:5px 5px 5px 5px;
}
.nav .logo #sg1{
    height: 80px;
    width: 80px;
    margin:10px 0 0 20px;
}

.nav .logo #title{
    height: 80px;
    width: 500px;
    margin:10px 0 0 130px;
}

.nav .logo #sg2{
    height: 80px;
    width: 80px;
    margin:10px 0 0 150px;
}

.nav2 {
    height: 500px;
    width:1000px;
    background: #344c5f;
    margin:0 auto;
    border-radius:5px 5px 5px 5px;
    margin:10px auto;
}

.nav2 .inner {
    height: 300px;
    width:400px;
    background: #FFFFFF;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -150px 0 0 -200px;
    border-radius:5px 5px 5px 5px;
}

.nav2 .inner #container #user #inp1 {
    height:30px;
    width:250px;
    position: relative;
    margin:0 0 0 70px;
    background:#FFFFFF url("/static/img/user.png")2px 2px no-repeat;
    padding-left:18px;
    text-align:center;
    font-size:25px;
    border-radius:5px 5px 5px 5px;
}


.nav2 .inner #container #pwd #inp2{
    height:30px;
    width:250px;
    position: relative;
    margin:50px 0 0 70px;
    background:#FFFFFF url("/static/img/pwd.png")2px 2px no-repeat;
    padding-left:18px;
    text-align:center;
    font-size:25px;
    border-radius:5px 5px 5px 5px;
}

.nav2 .inner #loginbtn{
    height:30px;
    width:270px;
    background:#1E90FF;
    cursor: pointer;
    outline: none;
    font-family: Microsoft YaHei;
    color: white;
    font-size:15px;
    position: relative;
    margin:15px 0 0 70px;
    border-radius:5px 5px 5px 5px;
}

.nav2 .inner .nm{
    position: relative;
    margin:10px 0;
}

.nav2 .inner .nm #nmlogin{
    font-family: Microsoft JhengHei;
    position: relative;
    margin:0 0 0 70px;
}
.nav2 .inner .nm #register{
    font-family: Microsoft JhengHei;
    position: relative;
    margin:0 0 0 140px;
}

.nav3 {
    height: 100px;
    width:1000px;
    background: #344c5f;
    margin:0 auto;
    border-radius:5px 5px 5px 5px;
}

